
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    width: 100%;
    min-width: 1200px;
    font-size: 14px;
    font-family: PingFang SC, Arial, Microsoft YaHei, sans-serif;
    color: #333;
}

.w900 {
    width: 900px;
    margin: 0 auto;
}

.w600 {
    width: 50%;
    min-width: 700px;
    margin: 0 auto;
}

.a {
    text-decoration: none;
    color: #333333;
}

/*主语*/
.subject, subject {
    /*text-decoration: underline;*/
    /*text-decoration-color: blue;*/
    /*text-decoration-style: solid;*/
    border-bottom: 2px solid blue;
}

/*谓语*/
.predicate, predicate {
    /*text-decoration: underline;*/
    /*text-decoration-color: brown;*/
    /*text-decoration-style: wavy;*/
    position: relative;
}

.predicate:before, predicate:before {
    content: '';
    position: absolute;
    bottom: -0.125em;
    width: 100%;
    height: 0.25em;
    background: -webkit-linear-gradient(315deg, transparent, transparent 45%, brown, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, brown, transparent 55%, transparent 100%);
    background: linear-gradient(135deg, transparent, transparent 45%, brown, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, brown, transparent 55%, transparent 100%);
    background-size: 0.5em 0.5em;
    background-repeat: repeat-x, repeat-x;
}

/*宾语*/
.object, object:before {
    /*text-decoration: underline;*/
    /*text-decoration-color: blueviolet;*/
    /*text-decoration-style: double;*/
    border-bottom: 4px double blueviolet;
}

/*状语*/
.adverbial, adverbial {
    quotes: "[" "]";
    margin: 0 5px;

}

.adverbial:before, adverbial:before {
    content: open-quote;
    color: palevioletred;
    font-weight: bold;
}

.adverbial:after, adverbial:after {
    content: close-quote;
    color: palevioletred;
    font-weight: bold;
}

/*定语*/
.attribute, attribute {
    quotes: "(" ")";
    margin: 0 5px;
}

.attribute:before, attribute:before {
    content: open-quote;
    color: mediumvioletred;
    font-weight: bold;
}

.attribute:after, attribute:after {
    content: close-quote;
    color: mediumvioletred;
    font-weight: bold;
}

/*补语*/
.complement, complement {
    /*text-decoration: underline;*/
    /*text-decoration-color: green;*/
    /*text-decoration-style: dashed;*/
    border-bottom: 2px dashed green;
}

/*表语*/
.expression, expression {
    /*text-decoration: underline;*/
    /*text-decoration-color: blueviolet;*/
    /*text-decoration-style: wavy;*/
    position: relative;
    border-bottom: 2px green;

}

.expression:before, expression:before {
    content: '';
    position: absolute;
    bottom: -0.125em;
    width: 100%;
    height: 0.25em;
    background: -webkit-linear-gradient(315deg, transparent, transparent 45%, blueviolet, transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent, transparent 45%, blueviolet, transparent 55%, transparent 100%);
    background: linear-gradient(135deg, transparent, transparent 45%, blueviolet, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, blueviolet, transparent 55%, transparent 100%);
    background-size: 0.5em 0.5em;
    background-repeat: repeat-x, repeat-x;
}

/*同位语*/
.appositive, appositive {
    quotes: "<" ">";
    margin: 0 5px;
}

.appositive:before, appositive:before {
    content: open-quote;
    font-weight: bold;
    color: lightseagreen;
}

.appositive:after, appositive:after {
    content: close-quote;
    font-weight: bold;
    color: lightseagreen;
}

.button {
    width: fit-content;
    height: fit-content;
    border: none;
    padding: 3px 15px;
    border-radius: 10px;
    text-align: center;
    font-size: small;
    color: #333333;
    background-color: #f0f1f6;
    margin: 3px;
}

.errorText {
    background-color: #f6dad3;
}
